<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piece - 500</title>
    <script th:inline="javascript">ctx = [[${ctx}]];</script>
    <link th:href="${ctx}+'lib/bootstrap/bootstrap.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/font-awesome/css/font-awesome.css'" rel="stylesheet" type="text/css">
    <link th:href="${ctx}+'css/animate.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/style.min.css'" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="middle-box text-center animated fadeInDown err-500">
    <h1>500</h1>
    <h3 class="font-bold" th:if="${#strings.isEmpty(errTitle)}">内部服务器错误！</h3>
    <h3 class="font-bold" th:if="${not #strings.isEmpty(errTitle)}">[[${errTitle}]]</h3>

    <div class="error-desc m" th:if="${#strings.isEmpty(errInfo)}">
        服务器好像出错了...
        <br/>您可以返回<a href="#" onclick="home();" class="btn-sm btn-success">主页</a>看看
    </div>
    <div class="error-desc m" th:if="${not #strings.isEmpty(errInfo)}">
        [[${errInfo}]]
    </div>
</div>
<script th:src="${ctx}+'lib/jquery/jquery.min.js?v=2.1.4'" type="text/javascript"></script>
<script th:src="${ctx}+'lib/bootstrap/bootstrap.min.js?v=3.3.6'" type="text/javascript"></script>
<script>
    function home() {
        top.window.location = ctx;
    }
</script>

</body>
</html>
